<template>
    <div class="home-wrap">
        <Header/>
        asdasd
        <div class="content"><router-view :key="$route.path"></router-view></div>
        
        <z-footer/>
    </div>
</template>

<script lang='ts'>
import { ref,reactive,toRefs,defineComponent,onMounted,getCurrentInstance} from 'vue'
import Header from './page/header.vue'
import ZFooter from './page/z_footer.vue'
export default defineComponent({
    components:{Header,ZFooter},
    name:'',
    setup: ()=>{
        let data = reactive({
            
        })
        const a = async () => {
            const {data} = await proxy.$axios.agritainment.test()
            console.log(data);
            
        }
        
        const { proxy} = getCurrentInstance() as any;
        onMounted(() => {
            a()
            
        })
        return {
           ...toRefs(data),
        }
    }
})
</script>
<style lang="scss" scoped>
.home-wrap{
    height: 100%;
}
</style>